.nav > li > a{
	color: #a7b1c2;
	font-weight: 600;
	padding: 14px 20px 14px 25px;
}
.nav-second-level li a{
	padding: 7px 15px 7px 10px;
	padding-left: 52px;
}
.navbar-static-side{
	position: fixed;
    width: 180px;
    z-index: 2001;
    height: 100%;
	background: #2f4050;
}
.arrow{
	float: right;
	margin-top: 2px;
}
.nav > li.active > a{
	color: #ffffff;;
}
.active > a > .fa.arrow:before{
	content: "\f107";
}
.fa.arrow:before{
	content: "\f104";
}

.nav>li>a:focus, .nav>li>a:hover{
	background-color: #293846;
	color: white;
}

html, body {
    height: 100%;
}

#wrapper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #2f4050;
}
.page-wrapper{
	 padding: 0 15px;
    position: inherit;
    margin: 0 0 0 180px;
    background-color: #f3f3f4;
    height: 100%;
}